﻿@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:150px; text-align:center; right:25px; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:50px; line-height:30px; z-index:5; font-style:italic;}
.banner_page .current{ font-size:28px; color:#0093dd;}
/*产品展示*/
.index-title{font-weight: normal;}
.index-title .name{position: relative;display: inline-block;vertical-align: top;padding-bottom: 40px;font-size: 40px;line-height: 50px;letter-spacing: 2px;color: #0091db;}
.index-title .name:after{content: "";position: absolute;left: 0;bottom: 0;width: 100px;height: 6px;background-color: currentColor;}
.main .part2{z-index: 1;position: relative;padding: 0 0 0 2%;overflow: hidden;}
.main .part2 > .con-l{float: left;width: 40%;padding-top: 2%;}
.main .part2 > .con-r{margin-left: 40%;}
.main .part2 .product-number{z-index: -1;position: absolute;left: -20px;bottom: -20px;font-family: Arial;font-size: 400px;line-height: 300px;font-weight: bold;color: #f5f5f5;}
/*产品中心选项卡*/
/*标题轮播*/
.product-title-swiper{width: 500px;height: 400px;overflow: hidden;}
.product-title-swiper .swiper-slide{height: auto;transform: scale(.6);opacity: .1;transition: 0.5s;}
.product-title-swiper .swiper-slide-prev{transform: scale(.8);opacity: .5;}
.product-title-swiper .swiper-slide-next{transform: scale(.8);opacity: .5;}
.product-title-swiper .swiper-slide-active{transform: scale(1);opacity: 1;}
.product-title-swiper .swiper-slide .title{display: block;font-size: 32px;line-height: 40px;font-weight: bold;cursor: pointer;}
.product-title-swiper .swiper-slide .list{overflow: hidden;height: 0;padding: 10px 0;transform: scaleY(0);transition: 1s;}
.product-title-swiper .swiper-slide .list li{position: relative;float: left;width: 50%;padding-left: 15px;margin: 10px 0;font-size: 16px;line-height: 20px;}
.product-title-swiper .swiper-slide .list li:before{content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 4px;background-color: #333;border-radius: 50%;}
.product-title-swiper .swiper-slide-active .list{height: auto;transform: scaleY(1);}
/*产品轮播*/
.product-swiper{position: relative;padding: 50px 0;overflow: hidden;}
.product-swiper:after{content: "";position: absolute;left: 50%;right: 0;top: 0;bottom: 0;background: #eee url(../images_new/index_part2_bg.jpg) center no-repeat;background-size: auto 100%;}
.product-swiper .swiper-slide{overflow: hidden;}
.product-swiper .swiper-slide .tit{display: none;font-size: 16px;font-weight: bold;line-height: 20px;text-align: center;}
.product-swiper .swiper-slide .pic{display: block;padding-top: 60%;margin: 0 15%;background-position: center;background-size: contain;background-repeat: no-repeat;}
.product-swiper .btn{z-index: 1;position: absolute;bottom: 20px;width: 40px;height: 40px;color: #999;cursor: pointer;transition: 0.3s;}
.product-swiper .prev-btn{right: 50%;transform: translateX(-50%);}
.product-swiper .prev-btn:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;}
.product-swiper .prev-btn:after{content: "";position: absolute;left: 0;top: 50%;width: 12px;height: 12px;border-top: 2px solid currentColor;border-left: 2px solid currentColor;transform: translate(0,-50%) rotate(-45deg);}
.product-swiper .next-btn{left: 50%;transform: translateX(50%);}
.product-swiper .next-btn:before{content: "";position: absolute;left: 0;right: 0;top: 50%;height: 2px;margin-top: -1px;background-color: currentColor;}
.product-swiper .next-btn:after{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 12px;border-top: 2px solid currentColor;border-right: 2px solid currentColor;transform: translate(-10%,-50%) rotate(45deg);}
.product-swiper .btn:hover{color: #0091db;}
/*推荐机型*/
.i_one{ background:#f4f4f4; overflow:hidden; position:relative;}
.i_one .i_one_pos{ position:absolute; top:0; left:0; width:100%; height:0; top:50%;}
 .i_one_l{ position:absolute; left:0; top:0; height:100%; width:100%;display: flex; align-items: center; justify-content: left;}

.i_one_l .span{ display:block; overflow:hidden; line-height:1.1; text-transform:capitalize; color:#222222; font-weight:bold; font-family:Arial; max-width:500px; }
.i_one_l .h3{ overflow:hidden; line-height:1.3; color:#222222; font-weight:normal; max-width:500px; margin-top:1.5%; }
.i_one_l .p{ overflow:hidden; line-height:30px; font-size:16px; color:#777777; margin-top:5%;}
.i_one_l .ul{ margin-top:5%; overflow:hidden;}
.i_one_l .ul li{ float:left; max-width:80px; margin-right:5%; width:30%; overflow:hidden; cursor:pointer;}
.i_one_l .ul li:last-child{ margin-right:0;}
.i_one_l .ul li i{ width:67px; height:67px; background-repeat:no-repeat; background-size:100% 100%; display:block;transition:all 0.3s; margin:0 auto;}
.i_one_l .ul li i.bgs1{ background-image:url(../images/i_pic1.png);}
.i_one_l .ul li i.bgs2{ background-image:url(../images/i_pic2.png);}
.i_one_l .ul li i.bgs3{ background-image:url(../images/i_pic3.png);}
.i_one_l .ul li:hover i.bgs1{ background-image:url(../images/i_pic1_on.png);}
.i_one_l .ul li:hover i.bgs2{ background-image:url(../images/i_pic2_on.png);}
.i_one_l .ul li:hover i.bgs3{ background-image:url(../images/i_pic3_on.png);}
.i_one_l .ul li .h4{ font-weight:normal; overflow:hidden; height:30px; line-height:30px; margin-top:10px; text-align:center; color:#777777; font-size:16px;}
.i_one_l .a{ display:block; overflow:hidden; width:198px; height:50px; line-height:50px; margin-top:8%; text-align:center; color:#fff; font-size:16px; background:#0093dd; position:relative; z-index:0;}
.i_one_l .a:after{ content:""; position:absolute; top:0; width:0; height:100%; background:#047bb6; left:0%;transition:all 0.3s; z-index:-1;}
.i_one_l .a:hover:after{ width:100%;}
.i_one .i_one_r{ overflow:hidden; float:right; width:51.56%;}
.i_one .i_one_r img{ width:100%;}
/*关于我们*/
.i_two{background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.i_two .box1{ overflow:hidden; margin-top:6%; margin-bottom:6%;}
.i_two .box1 .i_two_l{ width:47.8%; float:left; overflow:hidden; max-width:618px;}
.i_two .box1 .i_two_l .span{ display:block; overflow:hidden; line-height:1.2; color:#999999; margin-top:1%;}
.i_two .box1 .i_two_l .h3{ font-weight:normal; color:#333333; overflow:hidden; line-height:1.2; margin-top:1%;}
.i_two .box1 .i_two_l .p{ line-height:32px; max-height:352px; overflow:hidden; color:#666666; font-size:16px; margin-top:4%;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; -webkit-box-orient: vertical;}
.i_two .box1 .i_two_l .p p{ overflow:hidden; margin-bottom:1%;}
.i_two .box1 .imgs{ float:right; width:50.08%; overflow:hidden;}
.i_two .box1 .imgs img{width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.i_two .box1 .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*服务*/
.i_three{ background:url(../images/i_bg2.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.i_three .wrap{ text-align:center; margin-top:11.53%; margin-bottom:12.7%;}
.i_three .h3{ font-weight:normal; overflow:hidden; line-height:1.2;color:#fff; }
.i_three .p{ line-height:1.3; overflow:hidden;font-size:18px; margin-top:2%;color:#fff; }
.i_three .a{ display:block; overflow:hidden; margin:0 auto; width:198px; height:50px; line-height:50px; margin-top:5%; text-align:center; color:#fff; font-size:16px; background:#0093dd; position:relative; z-index:0;}
.i_three .a:after{ content:""; position:absolute; top:0; width:0; height:100%; background:#047bb6; left:0%;transition:all 0.3s; z-index:-1;}
.i_three .a:hover:after{ width:100%;}
/*新闻资讯*/
.i_four{ background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.i_title{ overflow:hidden; position:relative; margin-top:3%;}
.i_title .h3{ float:left; font-weight:normal; overflow:hidden; line-height:1.2; color:#000000;}
.i_title .h3 span{ font-weight:normal; font-family:Arial; color:#c1c1c1; font-size:14px; text-transform:uppercase; margin-top:6%; display:block; overflow:hidden; clear:both;}
.i_title .tab_a{ position:absolute; bottom:0; right:0;}
.i_title .tab_a a{ float:left; margin-left:30px; height:40px; line-height:40px; color:#999999; font-size:16px;transition:all 0.3s;}
.i_title .tab_a a.on{ color:#0093dd;}
.i_title .tab_a a:hover{ color:#0093dd;}
.i_title .tab_a a:first-child{ margin-left:0;}
.i_pro{ clear:both;}
.i_boxs{ clear:both;}
.part2 .divhidden{opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; display:block; height:0; overflow:hidden;}
.part2 .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
.i_four .divhidden{opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; display:block; height:0; overflow:hidden;}
.i_four .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}

/*展会信息*/
.i_five{ background:url(../images/i_bg4.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:35px;}
/*推荐机型*/
.i_one_l .p{ margin-top:5%; line-height:28px; font-size:15px;}
.i_one_l .ul li .h4{line-height:28px; font-size:15px; height:28px;}
.i_one_l .a{ margin-top:6%; height:42px; line-height:42px; width:160px; font-size:15px;}
/*.i_one_l .ul li{ width:60px; margin-right:30px;}*/
.i_one_l .ul li i{ width:60px; height:60px;}
/*关于我们*/
.i_two .box1 .i_two_l .p{ line-height:30px; max-height:330px; font-size:15px;}
/*服务*/
.i_three .a{height:42px; line-height:42px; width:160px; font-size:15px;}
	/*标题*/
	.index-title .name{padding-bottom: 30px;font-size: 32px;line-height: 40px;}
	.index-title .name:after{width: 80px;height: 4px;}
	/*布局*/
	.main.part2 .index-title{margin-top: -40px;}
}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:40px;}
/*推荐机型*/
.i_one_l .p{ margin-top:6%; line-height:24px; font-size:14px;}
.i_one_l .ul li .h4{line-height:24px; font-size:14px; height:24px;}
.i_one_l .a{ margin-top:5%; height:40px; line-height:40px; width:140px; font-size:14px;}
/*.i_one_l .ul li{ width:50px; margin-right:20px;}*/
.i_one_l .ul li i{ width:50px; height:50px;}
/*关于我们*/
.i_two .box1 .i_two_l .p{ line-height:26px; max-height:286px; font-size:14px;}
/*服务*/
.i_three .a{height:40px; line-height:40px; width:140px; font-size:14px;}

}

@media screen and (max-width: 1100px) {
/*关于我们*/
.i_two .box1 .i_two_l .p{ line-height:24px; max-height:264px; margin-top:3%;}
.i_two .box1 .i_two_l .span{ margin-top:0;}
	.index-title .name{padding-bottom: 20px;font-size: 24px;line-height: 30px;}
	.index-title .name:after{width: 60px;height: 2px;}
	.main .part2 .index-title{margin-top: -20px;}
	.main .part2 .product-number{font-size: 240px;line-height: 200px;}

	/*产品中心选项卡*/
	/*标题轮播*/
	.product-title-swiper{width: 100%;height: 300px;}
	.product-title-swiper .swiper-slide .title{font-size: 20px;line-height: 30px;}
	.product-title-swiper .swiper-slide .list{padding: 5px 0;}
	.product-title-swiper .swiper-slide .list li{padding-left: 10px;margin: 3px 0;font-size: 12px;}
}

@media screen and (max-width: 960px) {
/*轮显*/
.main .banner .btn{ width:130px;right:10px;}
.banner_page{width:130px; font-size:14px; bottom:38px;right:5px;}
.banner_page .current{ font-size:24px;}
/*推荐机型*/
.i_one .i_one_pos{ position:static; height:auto;}
.i_one .i_one_pos .i_one_l{ position:static; display:block; margin-top:5%; margin-bottom:5%;}
.i_one_l .cons{ width:100%; max-width:none;}
.i_one_l .h3{ margin-top:1%;}
.i_one_l .p{ margin-top:3%;}
.i_one_l .ul{ margin-top:3%;}
.i_one_l .a{ margin-top:4%;}
.i_one .i_one_r{ float:none; width:100%;}
/*关于我们*/
.i_two .box1 .i_two_l{ float:none; width:100%; max-width:none;}
.i_two .box1 .imgs{ float:none; width:100%; margin-top:4%;}
/*服务*/
.i_three .p{ font-size:16px;}

}

@media screen and (max-width: 780px) {
	.index-title .name{padding-bottom: 15px;font-size: 20px;line-height: 20px;}
	.index-title .name:after{width: 50px;height: 2px;}
	.main .part2{padding: 0;}
	.main .part2 > .con-l{float: none;width: 100%;padding-top: 0;}
	.main .part2 > .con-r{margin-left: 0;}
	.main .part2 .index-title{margin: 20px 5% 0;}
	.main .part2 .product-number{left: -10px;bottom: -10px;font-size: 120px;line-height: 100px;}
	/*产品中心选项卡*/
	/*标题轮播*/
	.product-title-swiper{display: none;}
	/*产品轮播*/
	.product-swiper{padding: 30px 0;}
	.product-swiper .swiper-slide .tit{display: block;}
	.product-swiper .btn{bottom: 10px;width: 30px;height: 30px;}

}
@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .down{bottom:20px;}
.main .banner .btn{bottom:30px;}
.banner_page{ bottom:28px;}
/*服务*/
.i_three .p{ font-size:14px;}
/*新闻资讯*/
.i_title .tab_a a{ font-size:14px; margin-left:20px;}
html[lang|=en] .i_title .tab_a a{ height:24px; line-height:24px;}
.i_title .h3 span{ font-size:13px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .down{bottom:18px;}
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:20px;}
/*推荐机型*/
.i_one .i_one_pos .i_one_l{ margin-top:7%; margin-bottom:7%;}
.i_one_l .h3{ margin-top:2%;}
.i_one_l .p{ margin-top:4%; font-size:13px; line-height:22px;}
.i_one_l .ul{ margin-top:5%;}
.i_one_l .ul li .h4{ font-size:13px; height:22px; line-height:22px;}
.i_one_l .a{ margin-top:5%; font-size:13px; width:130px; height:36px; line-height:36px;}
/*关于我们*/
.i_two .box1 .i_two_l .p{ line-height:22px; max-height:242px; font-size:13px;}
/*服务*/
.i_three .a{font-size:13px; width:130px; height:36px; line-height:36px;}
.i_three .p{ font-size:13px; margin-top:3%;}
/*新闻资讯*/
.i_title .tab_a a{ font-size:13px; margin-left:10px;}
.i_title .h3 span{ font-size:12px;}
}
@media screen and (max-width: 420px) {
/*新闻资讯*/
html[lang|=en] .i_title .tab_a{ position:static; clear:both; padding-top:2%;}
}
